<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>萌宠找货货品列表</title>
    <link rel="stylesheet" href="/css/list.css">
</head>
<body>
    <header></header>


    <main>
        <div class="main-conntent content">
            <div class="listTitle">
                <a href="/index.html" style="color: #666666;">宠萌找货</a>
                &nbsp;&nbsp;>&nbsp;&nbsp;<span>部分商品</span>
            </div>
            <div class="shopList">
                <span>分类:</span>
                <ul id="shopList-ul">
                    <li class="onclick-li" data-id="部分商品" data-type="0">部分商品</li>
                    <li data-id="狗" data-type="1">汪星必备</li>
                    <li data-id="猫" data-type="2">喵星御用</li>
                    <li data-id="周边" data-type="3">好物周边</li>
                    <li data-id="水族" data-type=4>水族</li>
                    <li data-id="小宠" data-type="5">小宠</li>
                    <li data-id="爬虫" data-type="6">爬虫</li>
                    <li data-id="鸟类" data-type="7">鸟类</li>
                </ul>
            </div>
            <div class="shop-price">
                <span>排序:</span>
                <div id="sorting-ul">价格最低<input type="checkbox"></div>
            </div>

            <ul class="main-list" id="main-list"></ul>
            <script type="text/html" id="main-list-li">
                {{each list All}}
                    <li class="main-Child-li" onclick="location.href='/web/content.html?id={{All.id}}'">
                        <div class="main-list-img">
                            <img src="{{All.src}}" alt=""/>
                        </div>
                        <div class="main-list-text">{{All.title}}</div>
                        <span class="priceNow">￥{{All.price}}</span>
                    </li>
                {{/each}}
            </script>

            <script type="text/html" id="panda">
                {{each list panda}}
                    <li class="main-Child-li" onclick="location.href='/web/content.html?id={{panda.id}}'">
                        <div class="main-list-img">
                            <img src="{{panda.image}}" alt=""/>
                        </div>
                        <div class="main-list-text">{{panda.title}}</div>
                        <span class="priceNow">￥{{panda.price}}</span>
                    </li>
                {{/each}}
                    <li class="more" id="more">MORE</li>
            </script>

            <div class="main-null" id="main-null">
                <div class="null-shop"></div>
                <p>该分类暂时没有商品呦</p>
            </div>

            <div id="more-text">____抱歉到底了哦____</div>
            <div class="main-like">
                <div class="like-title">猜你喜欢</div>
                <ul class="like-ul" id="like-ul"></ul>
                <script type="text/html" id="rap2-list">
                    {{each list like}}
                        <li data-likeId="{{like.id}}">
                            <div class="likeList-img">
                                <img src="{{like.src}}" alt=""/>
                            </div>
                            <div class="likeList-text">{{like.title}}</div>
                            <span class="likeList-price">￥{{like.price}}</span>
                        </li>
                    {{/each}}
                </script>
            </div>

        </div>
        
        <div class="main-shopping" onclick="location.href='/web/shop.html'">
            <img src="/img/car.png" alt="">
            <div class="shopping-text">购物袋</div>
        </div>

        <div class="main-top" id="main-top">
            <img src="/img/top.png" alt="">
            <p>top</p>
        </div>
    </main>

    <footer></footer>

    <script src="/libs/require/require.min.js" data-main="/js/list"></script>

</body>
</html>